<!DOCTYPE html>
<html>
  	<head>
    	<title>Viecnho.com - Việc Nhỏ Ích Lớn</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="css/responsiveslides.css" rel="stylesheet" media="screen">
		<link href="css/main.css" rel="stylesheet" media="screen">
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container-fluid">
					<ul class="nav">
						<li><a class="header-logo" href="#"><img src="img/viecnho-logo-small.png" /></a></li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-th-list"></i> Danh mục <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Mạng xã hội</a></li>
								<li><a href="#">Phát triển web</a></li>
								<li><a href="#">Dậy học</a></li>
								<li><a href="#">Dịch thuật</a></li>
								<li class="divider"></li>
								<li><a href="#">Khác</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-map-marker"></i> Địa điểm <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Hà Nội</a></li>
								<li><a href="#">TP. Hồ Chí Minh</a></li>
							</ul>
						</li>
					</ul>
					<ul class="nav pull-right">
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown">Ninh Nguyen <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Trang cá nhân</a></li>
								<li><a href="#">Tùy chọn</a></li>
								<li class="divider"></li>
								<li><a href="#">Thoát</a></li>
							</ul>
						</li>
						<li><button id="sell" name="sell" class="btn btn-primary header-button">Đăng dịch vụ</button></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="signup-step2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-body">
				<h4 class="muted text-center vn-modal-headline">Hoàn thiện đăng ký</h4>
				<form class="form-horizontal">
				<fieldset>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">viecnho.com/</span>
							<input id="prependedtext" name="prependedtext" class="input-large" placeholder="nickname của bạn" type="text">
						</div>
					</div>
				</div>
				<div class="control-group error">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi tên là</span>
							<input id="prependedtext" name="prependedtext" class="input-xlarge" placeholder="Họ tên đầy đủ của bạn" type="text">
						</div>
						<span class="help-inline">Please correct the error</span>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi sống ở</span>
							<input id="city" name="city" class="input-xlarge" placeholder="tình/thành phố" type="text">
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi đang làm</span>
							<input id="job" name="job" class="input-xlarge" placeholder="nghề nghiệp, công việc của bạn" type="text">
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi có khả năng</span>
							<input id="skills" name="skills" class="input-xlarge" placeholder="danh sách các kỹ năng bạn có thể làm" type="text">
						</div>
						<p class="help-block">Cách nhau bằng dấu phẩy, ví dụ: thiết kế, dịch thuật, PR, SEO,...</p>
					</div>
				</div>
				<!-- Button -->
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<button id="save" name="save" class="btn btn-primary">Lưu</button>
					</div>
				</div>
				</fieldset>
				</form>
			</div>
		</div>
		<div class="service-detail">
			<div class="service-detail-container">
				<div class="row-fluid">
					<div class="span8 service-detail-box main-column">
						<div class="inner">
							<h1>Dậy làm bánh cupcake trong 2 tuần đảm bảo hoàn tiền</h1>
						</div>
						<div class="service-detail-slide">
							<ul class="rslides" id="rslides-service-detail">
								<li>
									<img src="img/service-image1.jpg" alt="">
								</li>
								<li>
									<img src="img/service-image2.jpg" alt="">
								</li>
								<li>
									<img src="img/service-image3.jpg" alt="">
								</li>
							</ul>
						</div>
						<div class="inner">
							<h2>Giới thiệu dịch vụ</h2>
							<p>We make artisanal handcrafted, delicious juices from raw organic produce. Each juice is cold-pressed - never pasteurized for maximum taste and nutrition.</p>
							<p>We make artisanal handcrafted, delicious juices from raw organic produce. Each juice is cold-pressed - never pasteurized for maximum taste and nutrition.</p>
							<p>We make artisanal handcrafted, delicious juices from raw organic produce. Each juice is cold-pressed - never pasteurized for maximum taste and nutrition.</p>
							<p>We make artisanal handcrafted, delicious juices from raw organic produce. Each juice is cold-pressed - never pasteurized for maximum taste and nutrition.</p>
							<div class="service-detail-line"></div>
							<div id="bottom-price" class="service-detail-box texture">
								<div class="quantity-price">250.000đ</div>
								<div class="place-order"><button class="btn btn-large btn-success" type="button">Đặt dịch vụ</button></div>
							</div>
						</div>
					</div>
					<div class="span4 sidebar">
						<div class="service-detail-box sidebar-block texture" id="service-detail-sideinfo">
							<div class="inner">
								<div class="quantity-price">250.000đ</div>
								<div class="place-order"><button class="btn btn-large btn-success" type="button"><i class="icon-shopping-cart icon-white"></i> Đặt dịch vụ</button></div>
							</div>
						</div>
						<div class="service-detail-box sidebar-block" id="service-detail-creator">
							<div class="container-header">
								Người đăng dịch vụ
							</div>
							<div class="user-avatar">
								<img src="img/blank-avatar.jpg" />
							</div>
							<h4 class="text-center">Ninh Nguyen</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer"></div>
    	<script src="http://code.jquery.com/jquery.js"></script>
    	<script src="js/bootstrap.min.js"></script>
		<script src="js/responsiveslides.min.js"></script>
		<script src="js/jquery.showpassword.js"></script>
		<script>
			$(function() {
				$("#rslides-service-detail").responsiveSlides({
					prevText: "Previous",   // String: Text for the "previous" button
					nextText: "Next",
					nav: true,
					pager: true,
					namespace: "centered-btns"
				});
			});
			$(document).ready(function(){			
				$('#password').showPassword();
			});
		</script>
  	</body>
</html>